<template>
  <el-form-item :label="i18nt('designer.setting.filterable')">
    <el-switch v-model="optionModel.filterable" @change="onFilterableChange"></el-switch>
  </el-form-item>
</template>

<script>
import i18n from "@/utils/i18n"

export default {
  name: "filterable-editor",
  mixins: [i18n],
  props: {
    designer: Object,
    selectedWidget: Object,
    optionModel: Object,
  },
  methods: {
    onFilterableChange(value) {
      if (!value) {
        this.optionModel.remote = value
      }
    }
  }
}
</script>

<style scoped>

</style>
